/* 竖直 */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.805);
  width: 16%;
  position: fixed;
  height: 100%;
  overflow: auto;
}

/* 这是第一步，(前三行)是垂直和水平导航栏使用的标准代码 */
a {
  text-decoration: none;
  display: block;
  color: white;
}

li a {
  height: 40px;
  text-align: center;
  line-height: 40px;
}

/* display:block: 显示块元素的链接，让整体变为可点击链接区域（不只是文本），它允许我们指定宽度 */
li a.b {
  color: white;
  /* background-color: rgba(0, 128, 0, 0.47); */
}

li a:hover {
  background-color: black;
  color: white;
}

/* 这里 :not(.b) 就是不会选中 b类 */
li a.c {
  border-bottom: none;
}